#page4box{
	background: url(../images/slide_4_bak.jpg) no-repeat;
	position: relative;
	width: 100%;
	height: 100%;
}
#pag4menu{
	position: absolute;
	width: 240px;
	font-size: 14px;
	top: 18%;
	left: 13%;
	z-index: 100;
}
#pag4menu a{
	color: gray;
	margin-right:20px;
}
#pag4menu .active{
	color: #fff;
	padding-bottom: 5px;
	border-bottom: 2px solid red;
/* 第一个页面内容 */
}
#page4_1box{
	position:relative;
	width: 100%;
	height: 100%;
	
}
#page4_1sonbox{
	width: 66%;
	height: 50%;
	/* background-color: gray; */
	position: absolute;
	left:17%;
	top:30%;
}
#page4_1header{
	width: 100%;
	height: 10%;
	/* background-color: red; */
	font-size: 14px;
	color: gray;
	text-align: left;
}
#page4_1body{
	width: 100%;
	height: 90%;
	/* background-color: pink; */
	padding-top: 10px;
}
#page4_1boxfather{
	width: 100%;
	height: 30%;
	min-width: 265px;
}
.page4_1box_1,.page4_1box_2,.page4_1box_3,.page4_1box_4{
	width: 19%;
	float: left;
	/* background-color: lightgray; */
	height: 100%;
	margin-right: 0.6%;
	border:1px solid gray;
	position: relative;
	min-width:115px;
}
.page4_1box_5{
	width: 19%;
	float: left;
	/* background-color: lightgray; */
	height: 100%;
	border:1px solid gray;
	position: relative;
	min-width:115px;
}
.page4_1boxnr{
	width: 100%;
	height: 100%;
	position: relative;
	font-size:0.3em;
	color: gray;
}
.page4_1image{
	width: 25%;
	height: 50%;
	position: absolute;
	left: 12%;
	top: 20%;

}
.page4_1image img{
	width: 100%;
	height: 100%;
}
.page4_1nrwz1{
	position: absolute;
	top:37%;
	left: 42%;
}
.page4_1nrwz2{
	position: absolute;
	bottom: 0;
	right: 5%;
}
/* 遮罩 */
.page4_1zhezhao1{
	width: 0;
	height: 100%;
	background-color: red;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: 50;
	transition:width 0.5s;
}
.page4_1zhezhao2{
	width: 0;
	height: 100%;
	background-color: red;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.3;
	z-index: 50;
	transition:width 0.5s;
}

.page4_1box_1:hover .page4_1zhezhao1{
	width: 50%;
}
.page4_1box_1:hover .page4_1zhezhao2{
	width: 50%;
}
.page4_1box_2:hover .page4_1zhezhao1{
	width: 50%;
}
.page4_1box_2:hover .page4_1zhezhao2{
	width: 50%;
}
.page4_1box_3:hover .page4_1zhezhao1{
	width: 50%;
}
.page4_1box_3:hover .page4_1zhezhao2{
	width: 50%;
}
.page4_1box_4:hover .page4_1zhezhao1{
	width: 50%;
}
.page4_1box_4:hover .page4_1zhezhao2{
	width: 50%;
}
.page4_1box_5:hover .page4_1zhezhao1{
	width: 50%;
}
.page4_1box_5:hover .page4_1zhezhao2{
	width: 50%;
}

/* 下面的文字 */



#page4_1footwenzi1{
	width: 100%;
	height: 40%;
	margin-top: 5%;
	font-size: 0.3em;
	text-align: left;
	line-height:30px;
	color: gray;
}


#page4_1footwenzi2{
	width: 100%;
	height: 30%;
	padding-top: 5%;
	font-size: 0.3em;
	text-align: left;
	line-height:30px;
	color: gray;
}

    /* 响应式代码 */
 @media all and (max-width: 1920px) {  /* pc */
           
        }

         @media all and (max-width: 1180px) {  
            #page4_1footwenzi1{
                margin-top:22%;
            }
           
        }

          @media all and (max-width: 710px) {  /* 手机 */
            #page4_1wenzi{
                display:none;
            }
          
        }
      